<template>
    <div>
        <h2>学生姓名：{{name}}</h2>
        <h2>学生年龄：{{age+1}}</h2>
        <h2>学生性别：{{sex}}</h2>
        <button @click="showName">点我提示学生姓名</button>
    </div>
</template>

<script>
export default {
    name:'Student',
    data() {
        return {
            // name:'张三',
            // age:18
        }
    },
    props: ["name", "sex", "age"],
    methods: {
        showName() {
            this.$emit('atguigu', this.name, 666);
        }
    },
    mounted() {
        console.log('this: ', this);
    }
}
</script>
